<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 头部区域 E -->
    <div class="top">
        <span>北京</span>
        <div class="search">
            <img src="./icons/header_search.png" alt="">
            <input type="text" placeholder="输入小区名称或商圈">
        </div>
        <img src="./icons/header_news.png" alt="">
    </div>
    <!-- 头部区域 S -->

    <!-- 广告区域 E -->
    <div class="banner">
        <img src="./imgs/banner.png" alt="">
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <!-- 广告区域 S -->

    <!-- 租房方式 E -->
    <div class="nav">
        <img src="./icons/nav_2.png" alt="">
        <img src="./icons/nav_1.png" alt="">
    </div>
    <!-- 租房方式 S -->

    <!-- 优惠 E -->
    <div class="hom">
        <div class="preferential">
            <h4>超值优惠</h4>
            <a href="#"><img src="./icons/content_icon_next.png" alt=""></a>
        </div>
        <div class="house">
            <div class="picture">
                <img src="./imgs/content_tu_home_left@2x.png" alt="">
                <h6>宝石花元</h6>
                <p>朝阳区-2室1厅-90m</p>
                <span>￥7800元/月</span>
            </div>
            <div class="picture">
                <img src="./imgs/content_tu_home_right@2x.png" alt="">
                <h6>领袖新规度3号院</h6>
                <p>朝阳区-2室2厅-90m</p>
                <span>￥12356元/月</span>
            </div>
        </div>
    </div>
    <!-- 优惠 S -->

    <!-- 广告位 E -->
    <div class="space">
        <img src="./imgs/ggwei_home.png" alt="">
    </div>
    <!-- 广告位 S -->

    <!-- 推荐 E -->
    <div class="recommend">
        <div class="preferential">
            <h4>为您推荐</h4>
            <div class="way">
                <ul>
                    <li><a href="#">整租<span></span></a></li>
                    <li><a href="#">合租<span></span></a></li>
                </ul>
            </div>
        </div>
        <div class="house">
            <ul>
                <li>
                    <img src="./imgs/home_list_tu1@2x.png" alt="">
                    <div class="txt">
                        <h5>整租-保利家园7号院1号楼</h5>
                        <p>朝阳区 | 2室1厅 | 90m</p>
                        <p>距5号线立水桥站1200米，13号线广西南合..</p>
                        <div class="wsj">
                            <span>独卫</span>
                            <span>含阳台</span>
                        </div>
                        <div class="price"><span>￥2400</span> 元/月</div>
                    </div>
                </li>
                <li>
                    <img src="./imgs/home_list_tu2@2x.png" alt="">
                    <div class="txt">
                        <h5>整租-保利家园7号院1号楼</h5>
                        <p>朝阳区 | 2室1厅 | 90m</p>
                        <p>距5号线立水桥站1200米，13号线广西南合..</p>
                        <div class="wsj">
                            <span>独卫</span>
                            <span>含阳台</span>
                        </div>
                        <div class="price"><span>￥2400</span> 元/月</div>
                    </div>
                </li>
                <li>
                    <img src="./imgs/home_list_tu3@2x.png" alt="">
                    <div class="txt">
                        <h5>整租-保利家园7号院1号楼</h5>
                        <p>朝阳区 | 2室1厅 | 90m</p>
                        <p>距5号线立水桥站1200米，13号线广西南合..</p>
                        <div class="wsj">
                            <span>独卫</span>
                            <span>含阳台</span>
                        </div>
                        <div class="price"><span>￥2400</span> 元/月</div>
                    </div>
                </li>
                <li>
                    <img src="./imgs/home_list_tu4@2x.png" alt="">
                    <div class="txt">
                        <h5>整租-保利家园7号院1号楼</h5>
                        <p>朝阳区 | 2室1厅 | 90m</p>
                        <p>距5号线立水桥站1200米，13号线广西南合..</p>
                        <div class="wsj">
                            <span>独卫</span>
                            <span>含阳台</span>
                        </div>
                        <div class="price"><span>￥2400</span> 元/月</div>
                    </div>
                </li>
                <li>
                    <img src="./imgs/home_list_tu5@2x.png" alt="">
                    <div class="txt">
                        <h5>整租-保利家园7号院1号楼</h5>
                        <p>朝阳区 | 2室1厅 | 90m</p>
                        <p>距5号线立水桥站1200米，13号线广西南合..</p>
                        <div class="wsj">
                            <span>独卫</span>
                            <span>含阳台</span>
                        </div>
                        <div class="price"><span>￥2400</span> 元/月</div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="resources">
            <a href="#">查看更多优质房源</a>
        </div>
        
    </div>
    <!-- 推荐 S -->
    <!-- 广告位 E -->
    <div class="space-2">
        <img src="./imgs/gushirukou_home.png" alt="">
    </div>
    <!-- 广告位 S -->


    <!-- 底部固定区域E -->
    <div class="bottom">
        <ul>
            <li>
                <a href="#">
                    <img src="./icons/footer_1.png" alt="">
                    <span>首页</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./icons/footer_2_default.png" alt="">
                    <span>快速找房</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./icons/footer_3_default.png" alt="">
                    <span>委托代理</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./icons/footer_4_default.png" alt="">
                    <span>我的</span>
                </a>
            </li>
        </ul>
    </div>
    <!-- 底部固定区域S -->

    <script src="./flexible.js"></script>
</body>
</html>